import type { ProColumns } from '@ant-design/pro-components';
import { Divider, Drawer, Row } from 'antd';
import React, { useState } from 'react';
interface DescriptionItemProps {
  title: string;
  content: React.ReactNode;
}

export type Props = {
  columns: ProColumns<API.InterfaceInfo>[];
};
const infoDrawer: React.FC<Props> = (props) => {
  const [open, setOpen] = useState(false);
  const { columns } = props;
  const showDrawer = () => {
    setOpen(true);
  };

  const onClose = () => {
    setOpen(false);
  };

  return (
    <>
      <Drawer width={640} placement="right" closable={false} onClose={onClose} open={open}>
        <p className="site-description-item-profile-p" style={{ marginBottom: 24 }}>
          User Profile
        </p>
        <p className="site-description-item-profile-p">Personal</p>
        <Row></Row>
        <Row></Row>
        <Row></Row>
        <Row></Row>
        <Divider />
        <p className="site-description-item-profile-p">Company</p>
        <Row></Row>
        <Row></Row>
        <Row></Row>
        <Divider />
        <p className="site-description-item-profile-p">Contacts</p>
        <Row></Row>
        <Row></Row>
      </Drawer>
    </>
  );
};

export default infoDrawer;
